<template>
  <div>
    <router-view/>
    <mt-tabbar fixed>
      <router-link to="/" tag="div">
        <mt-tab-item id="个人中心">
          <img slot="icon" class="icon1" src="@/assets/img/logo1.png">
          <img slot="icon" class="icon2" src="@/assets/img/logo2.png">
          个人中心
        </mt-tab-item>
      </router-link>
      <router-link to="/putforward" tag="div">
        <mt-tab-item id="提现记录">
          <img slot="icon" class="icon1" src="@/assets/img/check1.png">
          <img slot="icon" class="icon2" src="@/assets/img/check2.png">
          提现记录
        </mt-tab-item>
      </router-link>
      <router-link to="/putrelease" tag="div">
        <mt-tab-item id="锁仓释放">
          <img slot="icon" class="icon1" src="@/assets/img/put1.png">
          <img slot="icon" class="icon2" src="@/assets/img/put2.png">
          锁仓释放
        </mt-tab-item>
      </router-link>
      <router-link to="/deposit" tag="div">
        <mt-tab-item id="存款收益">
          <img slot="icon" class="icon1" src="@/assets/img/put1.png">
          <img slot="icon" class="icon2" src="@/assets/img/put2.png">
          存款收益
        </mt-tab-item>
      </router-link>
    </mt-tabbar>
  </div>
</template>

<script>
export default {
  name: "Home"
};
</script>

<style>
.mint-tabbar {
  width: 7.5rem !important;
  margin: 0 auto;
}
.main_container {
  padding-bottom: 1.1rem;
}
.mint-tabbar > div {
  flex: 1;
}

.mint-tabbar .icon2 {
  display: none;
}
.router-link-exact-active .mint-tab-item-label {
  color: #26a2ff;
}
.router-link-exact-active .icon1 {
  display: none;
}
.router-link-exact-active .icon2 {
  display: block;
}
</style>


